<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <meta content="" charset="UTF-8">
    <script language="JavaScript" src="script/vue.js"></script>
    <script type="" language="JavaScript">
        window.onload = function () {
            var vue = new Vue({
                // # 表示id
                // . 表示class
                "el": "#div0",
                "data": {
                    msg: "hello Rose"
                }
            });
        }
    </script>
</head>
<body>
<div id="div0">
    <span>{{msg}}</span><br/>
    <!-- v-model:双向绑定
        也就是说v-bind:是单向绑定，是通过msg这个变量的值来控制input输入框
        现在v-model:不仅msg来控制input输入框，反过来input输入框也会改变msg的值
     -->
    <input type="text" v-model.trim="msg"></input>
</div>

</body>
</html>